import { createApp } from 'vue';
import axios,{ axiosPlugin } from '@/plugins/http'
// 导入路由实例
import router from './router';
// 导入跟组件
import App from './App.vue';
// 导入pinia
import { createPinia } from 'pinia';
import {baseURL} from './plugins/config';
import '@/assets/style/reset.scss';
import {showToast,Lazyload } from 'vant';
const app = createApp(App);
// 注册路由
app.use(router);
// 中注册pinia
app.use(createPinia());
app.use(axiosPlugin);
app.use(Lazyload,{
    loading:'https://fastly.jsdelivr.net/npm/@vant/assets/logo.png',
    error:'https://fastly.jsdelivr.net/npm/@vant/assets/logo.png'
});
// 在vue实例上注册全局属性, 满足选项式api写法
app.config.globalProperties.$baseUrl=baseURL;
app.config.globalProperties.$toast=showToast;
// 注入公共数据: 满足组合api风格写法
app.provide('axios',axios);
app.provide('router',router);
app.provide('route',router.currentRoute);
app.provide('baseURL',baseURL);
app.provide('showToast',showToast);

// 挂载vue实例
app.mount('#app');
